<template>
  <!-- 工作台导航 -->
  <div v-if="path === '/'">
    <!-- <el-card> -->
    <span style="color: rgba(0, 0, 0, 0.45) !important">工作台</span>
    <h3>您好，{{ $store.state.userInfo.username }}</h3>
    <span>您的角色：{{ $store.state.userInfo.auth }}</span>
    <!-- </el-card> -->
  </div>
  <!-- 其他导航 -->
  <div v-else>
    <!-- <el-card> -->
    <el-breadcrumb separator="/">
      <el-breadcrumb-item :to="{ path: '/' }">工作台</el-breadcrumb-item>
      <el-breadcrumb-item v-for="item in crumbs" :key="item">
        {{ item }}
      </el-breadcrumb-item>
    </el-breadcrumb>
    <!-- </el-card> -->
  </div>
</template>

<script>
export default {
  props: ["path", "crumbs"],
};
</script>

<style scoped lang="scss"></style>
